<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="inc_info_booking" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#"  >
                    <span id="main_menu_btn" class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#"  >
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--tab menu-->
        <div id="info_header_menu" data-role="controlgroup" data-type="horizontal" class="info_menu">
            <a href="#" data-role="button"   data-theme="d" class="ui-btn-active">부킹<span class="count_01">0</span> </a><!--메뉴인식 css style 부분-->
            <a href="#" data-role="button"   data-theme="d" >알림<span class="count_02">0</span></a>
            <a href="#" data-role="button"   data-theme="d" >쪽지<span class="count_03">0</span></a> 
        </div><!-- // class="info_menu" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section  data-role="content" class="btn_area_bdno"> 
        <div class="info_booking">
            <ul data-role="listview" data-inset="true" data-theme="c" id="listview" >
                <!-- 해당목록이 없을시 -->        
                <!--li class="no">부킹 목록이 없습니다.</li-->
                
                <!-- 부킹 view-->
                <li><a href="../mypage/booking_info.html"   class="info_bo"><!-- 부킹 일때 css 부분-->
                    <span class="state">부킹</span><!-- 부킹 일때 css -->
                   <contents> 2012. 05. 16(수) 스카이72 하늘코스 18H 14:00  부킹예약 취소</contents>
                    <time>3분전</time>
                </a></li> 
                
                <!-- 부킹 view-->
                <li><a href="../mypage/booking_info.html"   class="info_bo"> 
                    <span class="state">부킹</span> 
                    <em>[waiting예약 확정]</em>2012. 05. 16(수)  오션코스 7시 예약이 확정되었습니다.
                    <time>10분전</time>
                </a></li>
                
                <!-- 부킹 view-->
                <li class="visit"><a href="../mypage/booking_info.html"   class="info_bo"><!-- 방문 기록 있을때 css 부분-->
                    <span class="state">부킹</span> 
                    <em>[요청예약 확정]</em>2012. 05. 16(수)  오션코스 7시 예약이 확정되었습니다.
                    <time>50분전</time>
                </a></li>
                
                <!-- 조인룸 view-->
                <li><a href="../room/join_room_view.html"   class="jo_bo"> 
                    <span class="state">조인</span> 
                    <em>잭니클라우스</em>님이 <em>2012.12.31</em>예정인 조인룸에 참여 하셨습니다.  
                    <time>23시간전</time>
                </a></li>
                
                <!-- 조인룸 view-->
                <li><a href="../room/join_room_view.html"   class="jo_bo"> 
                    <span class="state">조인</span> 
                    <em>잭니클라우스</em>님의 조인룸 초대가 있습니다.(비밀번호 1234) 
                    <time>1일전</time>
                </a></li> 
                
                <!-- 조인룸 view-->
                <li><a href="../room/join_room_view.html"   class="jo_bo"> 
                    <span class="state">조인</span> 
                    <em>잭니클라우스</em>님이 <em>2012.12.31</em>예정인 조인룸에 참여 하셨습니다.  
                    <time>7일전</time>
                </a></li>
                
                <!-- 조인룸 view-->
                <li><a href="../room/join_room_view.html"   class="jo_bo"> 
                    <span class="state">조인</span> 
                    <em>잭니클라우스</em>님의 조인룸 초대가 있습니다.(비밀번호 1234) 
                    <time>10일전</time>
                </a></li>
                
                <!-- 부킹 view-->
                <li><a href="../mypage/booking_info.html"   class="info_bo">
                    <span class="state">부킹</span><!-- 부킹 일때 css -->
                    2012. 05. 16(수) 스카이72 하늘코스 18H 14:00  부킹예약 취소
                    <time>10일전</time>
                </a></li> 
                
                <!-- 부킹 view-->
                <li class="visit"><a href="../mypage/booking_info.html"   class="info_bo"><!-- 방문 기록 있을때 css 부분-->
                    <span class="state">부킹</span> 
                    <em>[waiting예약 확정]</em>2012. 05. 16(수)  오션코스 7시 예약이 확정되었습니다.
                    <time>13일전</time>
                </a></li>
            </ul>
         </div><!-- //  class="info_booking" 끝  -->
         
        <!--btn-->
        <div class="btn_area">
            <div class="btn_more"> 
                <button data-role="none"> <span class="ico_all ico7"><em>+</em></span> 더보기</button>
            </div>
            <div class="btn_top"> <button data-role="none" onclick="GoTop(); return false;">맨위로<span class="ico_all ico8"><em>top</em></span></button></div>
        </div><!-- // class="btn_area" 끝  -->          
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
